{% extends 'base.html' %}
{% block content %}
<div class="card shadow-sm p-4">
  <h3 class="mb-3">Add New Category</h3>
  <form method="POST">
    {% csrf_token %}
    <div class="mb-3">
      <label for="id_name" class="form-label">Category Name</label>
      <input type="text" name="name" id="id_name" class="form-control" placeholder="Enter category name" required>
    </div>
    <div class="d-flex gap-2">
      <button type="submit" class="btn btn-success">Save</button>
      <a href="{% url 'list_category' %}" class="btn btn-secondary">Cancel</a>
    </div>
  </form>
</div>
{% endblock %}